<template>
  <br>
  <h3 :style="colorRed"><strong>{{title}}</strong></h3> <br>
  <div class="container"></div>

</template>

<script>
export default {
  name: "Demo",
  data(){
    return{
      title:"标题",
      colorRed:{
        color:"red"
      }
    }
  }
}
</script>
<!-- scoped 让当前样式只在当前组件中生效 （作用域的概念） -->
<style scoped>
.container{
  font-size: 30px;
}
</style>